.allbox {
  position: relative;
  .popupbox {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
  .rangeText {
    position: absolute;
    z-index: 1051;
    right: 0;
    top: 0;
    margin-right: 12px;
    white-space: nowrap;
  }
  .relativeTime {
    white-space: initial;
  }
}
:global {
  .ant-calendar-picker-container {
    &::after {
      content: attr(data-text);
      position: absolute;
      z-index: 1051;
      right: 0;
      top: 0;
      padding: 7px 12px;
      white-space: nowrap;
    }
  }
}
.dateDropBox {
  :global {
    .ant-calendar-range {
      width: 700px;
      .ant-calendar-panel {
        &:after {
          content: '';
          display: block;
          clear: both;
          width: 100%;
        }
        .ant-calendar-date-panel {
          float: left;
          width: 552px;
        }
        .ant-calendar-footer {
          float: left;
          width: 146px;
          margin-top: 33px;
          padding: 0;
          .ant-calendar-footer-extra {
            margin: 4px;
            .ant-tag {
              display: inline-block;
              margin: 4px 3px;
              padding: 4px 7px;
              text-align: center;
              color: #559ff0;
              border-radius: 2px;
              transition: background 0.2s;
              font-size: 13px;
              background: #f5f5f5;
              border: 1px solid #f5f5f5;
              width: 64px;
              cursor: pointer;
              &.checked,
              &:hover {
                background: #559ff0;
                color: #fff;
                border: 1px solid transparent;
              }
              &:last-child,
              &:nth-last-child(2),
              &:nth-last-child(3) {
                width: 134px;
              }
            }
          }
        }
      }
    }
  }
}
